<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/company2.css">
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <title>第二屏</title>
</head>
<body>
<div class="main">
	<div class="company2 clearfix">
		<div class="company2-con1">
			<div class="t-t">
				<p class="yl">今日作业风险</p>
				<ul class="company2-chart-nav1 company-nav">
					<li class="active">风险列表</li>
					<li>类别对比</li>
				</ul>
			</div>
			<div class="company2-table">
				<table>
					<tr>
						<th>单位</th>
						<th>类别</th>
						<th class="dd">时间</th>
						<th>区域</th>
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-03-01~<br>2019-03-01</td>
						<td>
							<span>4号楼及附属地#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层下室</span>
						</td>
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-03-01~<br>2019-03-01</td>
						<td>
							<span>4号楼及附属地#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层下室</span>
						</td>
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-03-01~<br>2019-03-01</td>
						<td>
							<span>4号楼及附属地#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层下室</span>
						</td>
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-03-01~<br>2019-03-01</td>
						<td>
							<span>4号楼及附属地#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层下室</span>
						</td>
					</tr>
					<tr>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>
							<p class="txt2">1#2#5#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层模板#5#楼转换层模板#5#楼转换层模板换层模板支撑工程</p>
						</td>
						<td>2019-03-01~<br>2019-03-01</td>
						<td>
							<span>4号楼及附属地#楼转#5#楼转换层模板#5#楼转换层#楼转#5#楼转换层下室</span>
						</td>
					</tr>
				</table>
			</div>
			<div id="company2-chart1" style="display: none;"></div>
		</div>
		<div class="company2-con2">
			<div class="t-t">
				<p class="yl">隐患排名</p>
				<ul class="company2-chart-nav2 company-nav" >
					<li class="active">隐患数量</li>
					<li>整改率</li>
				</ul>
			</div>
			<div class="company2-sort clearfix">
				<img src="images/company/sort.png" alt=""  class="img-up"/>
				<span>排序</span>
			</div>
			<div class="company2-container company2-container2">
				<p>
					<span class="active">分公司</span>
					一
					<span>项目部</span>
				</p>
				<div id="company2-chart2"></div>
			</div>
		</div>
		<div class="company2-con3">
			<div class="t-t">
				<p class="yl">风险动态管控</p>
				<ul class="company2-chart-nav3 company-nav" >
					<li class="active">状态对比</li>
					<li>数量排行</li>
				</ul>
			</div>
			<div id="company2-chart3" ></div>
			<div class="company2-container company2-container3" style="display: none;">
				<p>
					<span class="active">分公司</span>
					一
					<span>项目部</span>
				</p>
				<div id="company2-chart4">
					
				</div>
			</div>
		</div>
		<div class="company2-con4">
			<div class="t-t">
				<p class="yl">隐患对比图</p>
				<ul class="company2-chart-nav4 company-nav">
					<li class="active">整改情况</li>
					<li>隐患类别</li>
				</ul>
			</div>
			<div id="company2-chart5" ></div>
			<div id="company2-chart6" style="display: none;" ></div>
			
		</div>
	</div>
	<img src="images/bigLeft1.png" class='goLeft'/>
	<img src="images/bigRight1.png" class='goRight'/>
</div>
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/nicescroll.min.js"></script>
	<script src="js/common.js"></script>
    <script src="js/companyCharts2/echart1.js"></script>
    <script src="js/companyCharts2/echart2.js"></script>
    <script src="js/companyCharts2/echart3.js"></script>
    <script src="js/companyCharts2/echart4.js"></script>
    <script src="js/companyCharts2/echart5.js"></script>
    <script src="js/companyCharts2/echart6.js"></script>
    <script>
    	var scrollParam = {
    		cursorcolor:'#3693f1',
    		cursorwidth:20,
    		cursorborder:'none',
    		cursorborderradius:0,
    		autohidemode:false,
    		cursorfixedheight:50,
    		background:'#092751',
    	}
    	$('.company2-table').niceScroll(scrollParam)
    	$('.company2-chart-nav1 li').click(function() {
			$(this).attr('class', 'active').siblings().removeClass('active')
			if($(this).index() == 1) {
				$('#company2-chart1').show()
				$('.company2-table').hide()
			} else {
				$('.company2-table').show()
				$('#company2-chart1').hide()
			}
		})
    	$('.company2-chart-nav3 li').click(function(){
    		$(this).attr('class','active').siblings().removeClass('active')
    		if($(this).index() == 1){
    			$('.company2-container3').show()
    			$('#company2-chart3').hide()
    		}else{
    			$('#company2-chart3').show()
    			$('.company2-container3').hide()
    		}
    	})
    	$('.company2-chart-nav4 li').click(function(){
    		$(this).attr('class','active').siblings().removeClass('active')
    		if($(this).index() == 1){
    			$('#company2-chart6').show()
    			$('#company2-chart5').hide()
    		}else{
    			$('#company2-chart5').show()
    			$('#company2-chart6').hide()
    		}
    	})
    	$('.company2-sort').click(function(){
    		if($('.company2-sort img').hasClass('img-up')){
    			$('.company2-sort img').attr('class','img-down')
    		}else{
    			$('.company2-sort img').attr('class','img-up')
    		}
    		
    	})
    	checkType()
    	//判断浏览器类型
    	function checkType(){
    		var userAgent = navigator.userAgent
    		var chr = userAgent.indexOf('Chrome') > -1;
    		if(chr ){
    			$('.company2-table td p').map(function(index,item){
    				$(item).attr('class','txt1')
    			})
    		}
    	}
    </script>
</body>
</html>